<template>
	<view class="Featured-Image">
		<image src="https://img.js.design/assets/img/66f3b4fc3280c0d64a2c36bd.jpg#5af641b87dd6c897fe2fe6ed4c7be820" mode="aspectFill"></image>
		<view class="right-Image">
			<image src="https://img.js.design/assets/img/66f3b4fc4f6056eb854947ba.jpg#79a4e3c337605d1e330ce141cb3b7018" mode="aspectFill"></image>
			<image src="https://img.js.design/assets/img/66f3b4fc4f6056eb854947ba.jpg#79a4e3c337605d1e330ce141cb3b7018" mode="aspectFill"></image>
		</view>
	</view>
</template>

<script setup>
	
</script>

<style lang="scss" scoped>
	.Featured-Image{
		width: 100%;
		height: 500rpx;
		display: flex;
		justify-content: center;
		gap: 16rpx;
		padding: 10rpx 0;
		image{
			width: 382rpx;
			height: 500rpx;
			border-radius: 20rpx;
			box-shadow: 0 0rpx 15rpx #e9eff5;
		}
		.right-Image{
			width: 300rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			image{
				width: 300rpx;
				height: 240rpx;
			}
		}
	}
</style>